﻿<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ include file="taglib.jsp"%>
<%@page contentType="text/html;charset=UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
<title>帐户管理</title>
<link href="css/global.css" rel="stylesheet" type="text/css" />
<!--[if IE 6]><script type="text/javascript" src="iepng.js"></script><![endif]-->
<script type="text/javascript">
   EvPNG.fix('div, ul, img, li, input,form,a,');  //EvPNG.fix('包含透明PNG图片的标签'); 多个标签之间用英文逗号隔开。
</script>
<script src="Scripts/AC_RunActiveContent.js" type="text/javascript"></script>
<script type="text/javascript">

function scrollDoor(){
}
scrollDoor.prototype = {
	sd : function(menus,divs,openClass,closeClass){
		var _this = this;
		if(menus.length != divs.length)
		{
			alert("菜单层数量和内容层数量不一样!");
			return false;
		}				
		for(var i = 0 ; i < menus.length ; i++)
		{	
			_this.$(menus[i]).value = i;				
			_this.$(menus[i]).onmouseover = function(){
					
				for(var j = 0 ; j < menus.length ; j++)
				{						
					_this.$(menus[j]).className = closeClass;
					_this.$(divs[j]).style.display = "none";
				}
				_this.$(menus[this.value]).className = openClass;	
				_this.$(divs[this.value]).style.display = "block";				
			}
		}
		},
	$ : function(oid){
		if(typeof(oid) == "string")
		return document.getElementById(oid);
		return oid;
	}
}
window.onload = function(){
	var SDmodel = new scrollDoor();
	SDmodel.sd(["m01","m02","m03","m04"],["c01","c02","c03","c04"],"sd01","sd02");
	SDmodel.sd(["mm01","mm02","mm03","mm04"],["cc01","cc02","cc03","cc04"],"sd01","sd02");
	SDmodel.sd(["mmm01","mmm02","mmm03","mmm04"],["ccc01","ccc02","ccc03","ccc04"],"sd01","sd02");
}
</script>   
</head>

<body>
<div class="mianbody">
  <div class="top"><img src="images/top.jpg" /></div> 
  <div class="header">
    <div class="nav">
       <ul>
           <li><a href="#">首　　页</a>|</li>
           <li><a href="#">外教团队</a>|</li>
           <li><a href="#">专属课程</a>|</li>
           <li><a href="#">免费试听</a>|</li>
           <li><a href="#">关于瑞德</a>|</li>
           <li><a href="#">常见问答</a>|</li>
           <li><a href="#">用户登录</a></li>
       </ul>
    </div>
  </div>  
<!--页面中部-->
 <div class="usercontent">
 <div class="user_pc"><img src="images/pc1.jpg" /></div>
 <div class="user_link">
 <ul>
 <li>用户名：</li>
 <li>用户级别：</li>
 <li>用户类别：<b class="red">VIP</b></li>
 <li>已经上过<b class="red">23</b>小时数课程</li>
 <li>上次访问时间：</li>
 <li><b class="feihong">最近一堂课程的倒计时：</b></li>
 <li><table width="100%" border="0">
  <tr>
    <td align="left">12:30</td>
    <td align="left"><a href="#" class="kcjr">&nbsp;</a></td>
  </tr>
</table>
</li>
 </ul>
 </div>
 <div class="user_btn">
 <ul>
 <li><a href="#" class="current">查看个人信息</a></li>
 <li><a href="#">查看个人课程表</a></li>
  <li><a href="#">自助评级测试</a></li>
  <li><a href="#">自助听力资料</a></li>
 <li><a href="#">充    值</a></li>
  <li><a href="#" class="zhuyao">搜索课程</a></li>
 </ul>
 </div>
 </div>
 
 <div class="lc_ct"><img src="images/liucheng3.jpg" /></div>
 <div class="kc_anpai">学校五一放假安排：xxxx…..</div>
 <div class="user_mian">
 
 <div class="preview">
		<div class="scrolldoorFrame">
			<ul class="scrollUl">
				<li class="sd01" id="m01">今日</li>
				<li class="sd02" id="m02">每日</li>
				<li class="sd02" id="m03">每周</li>
				<li class="sd02" id="m04">每月</li>
			</ul>
			<div class="bor03 cont">
				<div id="c01">
					<table width="100%" border="0" cellpadding="0" cellspacing="0">
                      <tr>
                       <td height="63px" class="riqi" >2011年4月3日 21:54</td>
                       <td width="345" valign="middle"><img src="images/rili_aw.jpg"/></td>
                       <td width="187"></td>
                      </tr>
                      <tr>
                      <td height="27px" bgcolor="#99CDFF" width="166" align="left"><input name="" type="checkbox" value="" />显示过去的会议</td>
                      <td bgcolor="#99CDFF"  align="left"><input name="" type="checkbox" value="" />仅显示需要注册的会议</td>
                      <td bgcolor="#99CDFF"  align="right">会议总数：0 &nbsp;</td>
                      </tr>
                  </table>
                  <table width="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="#99CDFF" class="zhuti" >
                    <tr>
                      <td height="27px">&nbsp;</td>
                      <td>&nbsp;</td>
                      <td>&nbsp;</td>
                      <td>&nbsp;</td>
                  </tr>
                  </table>

				</div>
				<div id="c02" class="hidden">
					<table width="100%" border="0" cellpadding="0" cellspacing="0">
                      <tr>
                       <td height="63px" class="riqi" >2011年4月7日 11:54</td>
                        <td width="345" valign="middle"><img src="images/rili_aw.jpg"/></td>
                          <td width="187"></td>
                      </tr>
                      <tr>
                      <td height="27px" bgcolor="#99CDFF" width="166px" align="left"><input name="" type="checkbox" value="" />显示过去的会议</td>
                      <td bgcolor="#99CDFF"  align="left"><input name="" type="checkbox" value="" />仅显示需要注册的会议</td>
                      <td bgcolor="#99CDFF"  align="right">会议总数：0 &nbsp;</td>
                      </tr>
                  </table>
                  <table width="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="#99CDFF" class="zhuti" >
                    <tr>
                      <td height="27px">&nbsp;</td>
                      <td>&nbsp;</td>
                      <td>&nbsp;</td>
                      <td>&nbsp;</td>
                  </tr>
                  </table>
				</div>
				<div id="c03" class="hidden">
				<table width="100%" border="0" cellpadding="0" cellspacing="0">
                      <tr>
                        <td align="right" width="50px"><img src="images/rili_left.jpg" /></td>
                       <td height="63px" class="riqi"  valign="middle" width="35%">2011年4月12日——2011年4月18</td>
                         <td align="left"  width="20px"><img src="images/rili_right.jpg" /></td>
                        <td  valign="middle" align="left"><img src="images/rili_aw.jpg"/></td>
              
                      </tr>
                      <tr>
                      <td bgcolor="#99CDFF"  height="27px" align="left" colspan="5"><input name="" type="checkbox" value="" />仅显示需要注册的会议</td>
                      </tr>
                  </table>
                  <table width="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="#99CDFF" class="zhuti" >
                    <tr>
                      <td height="27px">时间</td>
                      <td>主题</td>
                      <td>主持人</td>
                      <td>持续时间</td>
                  </tr>
                  </table>
				</div>
				<div id="c04" class="hidden">
					<table width="100%" border="0" cellpadding="0" cellspacing="0">
                      <tr>
                       <td align="right" width="50px"><img src="images/rili_left.jpg" /></td>
                       <td height="63px" class="riqi" width="15%">2011年4月</td>
                       <td align="left"><img src="images/rili_right.jpg" /></td>
                       <td></td>
                      </tr>
                  </table>
                  <table width="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="#99CDFF" class="rili" >      
 <tr>
    <td width="16%" id="rilitop">&nbsp;</td>
    <td width="12%" id="rilitop">星期日</td>
    <td width="12%" id="rilitop">星期一</td>
    <td width="12%" id="rilitop">星期二</td>
    <td width="12%" id="rilitop">星期三</td>
    <td width="12%" id="rilitop">星期四</td>
    <td width="12%" id="rilitop">星期五</td>
    <td width="12%" id="rilitop">星期六</td>
  </tr>
  <tr>
    <td id="rilizhou">第十四周</td>
    <td id="riligery">27</td>
    <td id="riligery">28</td>
    <td id="riligery">29</td>
    <td id="riligery">30</td>
    <td id="riligery">31</td>
    <td>1</td>
    <td>2</td>
  </tr>
  <tr>
    <td id="rilizhou">第十五周</td>
    <td>3</td>
    <td>4</td>
    <td>5</td>
    <td>6</td>
    <td>7</td>
    <td>8</td>
    <td>9</td>
  </tr>
  <tr>
    <td id="rilizhou">第十六周</td>
    <td>10</td>
    <td>11</td>
    <td id="rilidangqian">12</td>
    <td>13</td>
    <td>14</td>
    <td>15</td>
    <td>16</td>
  </tr>
  <tr>
    <td id="rilizhou">第十七周</td>
    <td>17</td>
    <td>18</td>
    <td>19</td>
    <td>20</td>
    <td>21</td>
    <td>22</td>
    <td>23</td>
  </tr>
  <tr>
    <td id="rilizhou">第十八周</td>
    <td>24</td>
    <td>25</td>
    <td>26</td>
    <td>27</td>
    <td>28</td>
    <td>29</td>
    <td>30</td>

                  </tr>
                  </table>
				</div>
			</div>
		</div>
	</div>
 
 </div>
<!----> 
<div style="clear:both;"></div>
  <jsp:include page="bottom.jsp" />
</div>
</div>
</body>
</html>
